<!DOCTYPE html>
<html>
<head>
<title>角色管理 | 权限管理 | 产品平台</title>
	#parse('foundation/cppt/site/pagelet/v1.0.1/head.html')
<link rel='stylesheet' type='text/css' href='${virtualPath}styles/css/foundation/cppt/manage/v1.0.1/index.css' media='screen' />
<link rel='stylesheet' type='text/css' href='${virtualPath}styles/css/foundation/cppt/manage/v1.0.1/iframe.css' media='screen' />
</head>
<body>
	<div class='container'>
		<div class='row'>
			<div class='col-sm-12 col-md-12'>
				<ol class='breadcrumb'>
					<li>
						<i class='fa fa-home fa-fw'></i>
						<a href='javascript:;'>产品平台</a></li>
					<li class='active'>权限管理</li>
					<li class='active'>角色管理</li>
					<li class='active'>角色信息维护</li>
				</ol>
				<div id='info_alert' class='alert alert-info'>
					<button type='button' class='close' data-dismiss='alert'>&times;</button>
					<strong>提示：</strong>查询设置角色信息。
				</div>
				<div class='panel panel-info'>
					<div class='panel-heading'>
						<h3 class='panel-title'><strong>查询条件</strong></h3>
					</div>
					<div class='panel-body'>
						<form id='searchFrm' class='form-inline' role='form' onsubmit='return false;'>
							<div class='form-group'>
								<input type='text' class='form-control' id='searchFrm_RoleName' name='role_name' placeholder='角色名称'>
							</div>
							<button type='button' class='btn btn-default glyphicon glyphicon-search' id='searchFrm_btn_search'>&#8201;查询</button>
						</form>
					</div>
				</div>
				<div class='panel panel-default table-responsive'>
					<div class='panel-heading'>
						<div class='btn-group btn-group-sm'>
							<button class='btn btn-primary glyphicon glyphicon-plus-sign' data-toggle='modal' data-target='#addModal'>新增</button>
							<button id='btn_edit' class='btn btn-default glyphicon glyphicon-edit' data-toggle='modal' data-target='#editModal'>编辑</button>
							<button id='btn_del' class='btn btn-danger glyphicon glyphicon-remove-sign'>删除</button>
						</div>
					</div>
					#parse('foundation/cppt/role/pagelet/v1.0.1/index.list.html')
				</div>
				<nav>
					<ul class="pagination pagination-sm">
						<li class="disabled"><a href="javascript:;">&laquo;</a></li>
						<li class="active"><a href="javascript:;">1</a></li>
						<li><a href="javascript:;">2</a></li>
						<li><a href="javascript:;">3</a></li>
						<li><a href="javascript:;">4</a></li>
						<li><a href="javascript:;">5</a></li>
						<li><a href="javascript:;">&raquo;</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
	#parse('foundation/cppt/site/pagelet/v1.0.1/js.html')
	#parse('foundation/cppt/site/pagelet/v1.0.1/iframe.html')
	<script>
		$('#searchFrm_btn_search').click(function(){
			var formObj = $('#searchFrm').serializeObjectForm();
			$ .ajax({
				url: 'list.do',
				type: 'GET',
				dataType: 'JSON',
				data: formObj
			}).done(function (data) {
				var data = data.msg;
				if(!data.success) return;
				var _data = data.data;
				if(!_data) return;
				$('#table1').html(_data);
			});
		});
	</script>
</body>
</html>